import React, { Component } from 'react'
import "./style.css"

export default class NavBar extends Component {
  render() {
    const {children, leftSlot, centerSlot, rightSlot} = this.props
    console.log(children, leftSlot, centerSlot, rightSlot);
    

    return (
      <div className='nav-bar'>
        <div className='left'>{children?.[0] || leftSlot}</div>
        <div className='center'>{children?.[1] || centerSlot}</div>
        <div className='right'>{children?.[2] || rightSlot}</div>
      </div>
    )
  }
}
